<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery+html5全套大气商务电子企业模板源码</title>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <link rel="stylesheet" href="css/common.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <link rel="stylesheet" href="css/swiper-3.2.7.min.css">
    <!--[if lt IE 9]>
    <script src="/static/common/js/html5.min.js"></script>
    <![endif]-->
    <script src="js/common.js"></script>
    <script src="js/lunbo.js"></script>
	<link rel="stylesheet" href="css/product.css">
	<link rel="stylesheet" href="css/lunbo.css">

</head>
<body style="overflow:-Scroll;overflow-x:hidden">

<header class="clearFix">
    <div>
        <h1 class="pull-left" data-scroll-reveal="enter left over 1s and move 300px after 0.5s">
            <a style="display: block; width: 100%; height: 100%;" href="http://www.smallseashell.com/">大咖传媒</a>
        </h1>
        <div id="nav" class="pull-right" data-scroll-reveal="enter top over 1s and move 300px after 0.5s">
            <ul class="clearFix">
                 <li><a href="index.html" class=" current ">首页</a></li>
                <li><a href="introduce.html" class="">公司介绍</a></li>
                <li><a href="dsp.html" class="">培训项目</a></li>
                <li><a href="guanggao.html" class="">项目优势</a></li>
                <li><a href="notice.html" class="">新闻动态</a></li>
                <li><a href="help.html" class="">联系我们</a></li>
                <li><a href="http://www.smallseashell.com/pins/demoshow/16298" target="_blank">账号登陆</a></li>
            </ul>
            <div class="nav-current"></div>
        </div>
    </div>
</header>
<div class="banner" data-scroll-reveal="enter left over 1s and move 300px after 0.8s">
    <div id="slide-holder">
		<div id="slide-runner">
			<a href="http://www.smallseashell.com/pins/16298.html" target="_blank"><img id="slide-img-1" src="images/news.png" class="slide" alt="" /></a>
			<a href="http://www.smallseashell.com/pins/16298.html" target="_blank"><img id="slide-img-2" src="images/banner.png" class="slide" alt="" /></a>
			<a href="http://www.smallseashell.com/pins/16298.html" target="_blank"><img id="slide-img-3" src="images/group.png" class="slide" alt="" /></a>
			<a href="http://www.smallseashell.com/pins/16298.html" target="_blank"><img id="slide-img-4" src="images/advertisers.png" class="slide" alt="" /></a>
			<a href="http://www.smallseashell.com/pins/16298.html" target="_blank"><img id="slide-img-5" src="images/help.png" class="slide" alt="" /></a>
			<div id="slide-controls">
            <p id="slide-client" class="text"><strong></strong><span></span></p>
            <p id="slide-desc" class="text"></p>
            <p id="slide-nav"></p>
			</div>
		</div>
    </div>
</div>
<script type="text/javascript">
if(!window.slider) {
    var slider={};
}

slider.data= [
{
    "id":"slide-img-1", // 与slide-runner中的img标签id对应
    "client":"标题1",
    "desc":"生活就像一坨屎 越吃越香" //这里修改描述
},
{
    "id":"slide-img-2",
    "client":"标题2",
    "desc":"爱简单，简单爱"
},
{
    "id":"slide-img-3",
    "client":"标题3",
    "desc":"世界那么大，想去看看"
},
{
    "id":"slide-img-4",
    "client":"标题4",
    "desc":"像是黑暗中突如其来的一束光"
},
{
    "id":"slide-img-5",
    "client":"标题5",
    "desc":"珍惜現在 展望未來 過去的美好只需回味"
}
];
</script>
<section class="news_box">
    <div class="clearFix" data-scroll-reveal="enter left after 0.5s">
        <div class="pull-left left" >
            <span class="glyphicon glyphicon-search search_btn"></span>
            <form action="/news/search" method="get" id="search-form">
                <input type="hidden" name="category" value="3">
                <input type="text" name="keyWords" placeholder="请输入关键词" value="">
            </form>
            <ul class="nav">
                <li class=" active "><a href="http://www.smallseashell.com/pins/demoshow/16298">大咖公告</a></li>
                <li class=""><a href="http://www.smallseashell.com/pins/demoshow/16298">产品动态</a></li>
                <li class=""><a href="http://www.smallseashell.com/pins/demoshow/16298">媒体报道</a></li>
                <li class=""><a href="http://www.smallseashell.com/pins/demoshow/16298">最新活动</a></li>
            </ul>
        </div>
        <div class="pull-right detail_list right" >
            <ul data-scroll-reveal="enter right after 0.5s">
                                <li>
                    <dl class="clearFix">
                        <dt class="pull-left">
                            <img src="images/7bd61943526223ed0f1d70eec021eb7d.png">
                        </dt>
                        <dd class="pull-left">
                            <div class="clearFix">
                                <h4 title="[大咖公告] 大咖欢聚促成六大手机厂商组成“硬核联盟”">[大咖公告] <a href="http://www.smallseashell.com/pins/demoshow/16298">大咖欢聚促成六大手机厂商组成“硬核联盟”</a></h4><time>2016-02-03</time>
                            </div>
                            <div class="con">
                                六大厂商与大咖欢聚联合，正式成立“硬核联盟”来服务与广大的游戏厂商和各自渠道的手机大家.........
                            </div>
                        </dd>
                    </dl>
                </li>
                                <li>
                    <dl class="clearFix">
                        <dt class="pull-left">
                            <img src="images/a25bce49cbef7f56faf091f23d1d296a.png">
                        </dt>
                        <dd class="pull-left">
                            <div class="clearFix">
                                <h4 title="[大咖公告] 创业项目大咖上线 不是游戏平台是游戏服务平台">[大咖公告] <a href="http://www.smallseashell.com/pins/16298.html">创业项目大咖上线 不是游戏平台是游戏服务平台</a></h4><time>2016-02-03</time>
                            </div>
                            <div class="con">
                                大咖欢聚上线一款全新手游媒体平台产品“大咖客户端”，主打手游推荐、攻略查找、视频观看及八卦浏览等功能，上千个不同的游戏经精心分类，每款游戏均有包括资讯、简介、攻略及周边等包含在内的最专业手游媒体服务.........
                            </div>
                        </dd>
                    </dl>
                </li>
                            </ul>
        </div>
    </div>
</section>

<footer id="footer">
    <div class="clearFix" style="padding: 4% 5% 1% 5%; height:90%;">
        <div class="pull-left" style="width: 70%" data-scroll-reveal="enter left after 0.5s">
            <ul class="clearFix">
                <li class="pull-left">
                    <dl>
                        <dt>广告主</dt>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">解决方案</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">展现形式</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">广告互动</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">合作伙伴</a></dd>
                    </dl>
                </li>
                <li class="pull-left">
                    <dl>
                        <dt>产品介绍</dt>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">大咖交易平台</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">大咖DSP</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">大咖SSP</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">大咖DMP</a></dd>
                    </dl>
                </li>
                <li class="pull-left">
                    <dl>
                        <dt>新闻中心</dt>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">大咖公告</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">产品动态</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">媒体报道</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">最新活动</a></dd>
                    </dl>
                </li>
                <li class="pull-left">
                    <dl>
                        <dt>关于我们</dt>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">大咖传媒</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">加入我们</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <div class="pull-right clearFix code_img" style="width: 30%;" data-scroll-reveal="enter right after 0.5s">
            <div class="pull-left">
                <img src="images/weixin_code.png">
                <p>大咖官方微信</p>
            </div>
            <div class="pull-right">
                <img src="images/weibo_code.png">
                <p>大咖官方微博</p>
            </div>
        </div>
    </div>
    <p id="record" style="text-align: center; line-height: 25px; background: #282828; font-size: 14px; height:25px;width: 100%;">@小pi酱 京ICP备14038000号  京公网安备11010502027357</p>
</footer>

<script>
    $('.search_btn').on('click', function(event){
        event.preventDefault();
        $('#search-form').submit();
    })
</script>
<!--Animation-->
<script src="js/scrollReveal.js"></script>
<script>
(function(){
    window.scrollReveal = new scrollReveal({ reset: true, move: '50px'});
})();
</script>
</body>
</html>